<template>
    <el-breadcrumb separator="/">
        <el-breadcrumb-item v-for="item in crumbData" 
            :to="item.url && item.type == 1 ? { name: item.path } : null"
            :key="item.name">{{ item.name }}</el-breadcrumb-item>
    </el-breadcrumb>
</template>

<script>
import { computed } from 'vue'
import { useStore } from 'vuex'
export default {
    name: 'Crumb',
    setup() {
        const store = useStore();
        const crumbData = computed(() => {
            return store.state.user.crumbData
        })

        return {
            crumbData
        }
    }
}
</script>
<style lang="scss">
.el-breadcrumb__inner{
    font-weight: bold !important;
    color: #000000 !important;
}
</style>
